@charset "EUC-JP"; body { font-family:"Verdana", "Impact", "FF2DFF3320FF3030B430B730C330AF", "Hiragino Kaku Gothic Pro", "30D230E930AE30CE20Pro20W3", "Osaka"; line-height: 1.6; padding: 0 2%; color:#666666; } h1 { font-size: 16px; } h2 { font-size:14px; margin-left: 3%; } a:link { color:#5f9b9f; text-decoration: underline; } a:active { color: #999; text-decoration: none } a:visited { color: #5f9b9f; text-decoration: none } a:hover { color: #d00; text-decoration: underline; } /* レイアウト設定 */ /* レイアウト構成は left の中に right を左側に入れ込んでるという感じ。 そのために、left 属性では左に大きくパディングを取ってます。 ので、left でも実際は、右側に表示されることになります。 */ /* 記事表示部分 */ #left { margin-top: 3.7em/* 横カレンダーを消した場合 3.7em ぐらい*/; margin-left: 0; padding: 0 0 0 15em; word-break: break-all; } /* メニュー表示部分 */ /* 横幅を増やした場合は left 属性の右パディングも増やしてください。 */ #right { width: 13em; position: absolute; padding: 0 0 2.7em; top: 9.7em/* 横カレンダーを消した場合 9.7em ぐらい*/; left: 4%; color: #232323; word-break: break-all; } /* メニューの見出し*/ #right h3 { color:#666; font-size: 14px; letter-spacing: 0.1em; margin: 1.7em 0 0 0; text-decoration: underline; }